<!--
 * @Author: 陈焕杰
 * @Date: 2020-06-29 16:05:29
 * @LastEditTime: 2020-07-03 11:48:02
 * @LastEditors: Please set LastEditors
 * @Description: 收货人信息
 * @FilePath: \mobile_project\src\pages\user\orders\orderDetail\components\receive.vue
--> 

<template>
  <div class="receive">
    <van-cell-group>
      <van-cell title="收货人信息" icon="contact" />
      <van-cell center :label="order.consignee_address">
        <template #title>
          <span>{{order.consignee}} {{order.consignee_mobile}}</span>
        </template>
      </van-cell>
    </van-cell-group>
  </div>
</template>

<script>
export default {
  props:{
    order:{
      type:Object,
      required:true,
    }
  }
};
</script>

<style lang="scss" scoped>
.receive {
  margin: 10px 0;
  .van-cell {
    .van-icon {
      font-size: 18px;
      color: #999;
    }
    .van-cell__title {
      span {
        font-size: 14px;
      }
      .van-cell__label {
        font-size: 14px;
      }
    }
  }
  .van-cell:last-of-type {
    padding-left: 40px;
  }
}
</style>